<template>
    <div class="movierow">
        <p v-if="showrow==0">最受好评电影</p>
        <p v-if="showrow==1">近期最受期待</p>
        <div class="img-list"  >   
            <div class="hopeful-list" v-for="(hitem,i) in comminglist" :key="i" >
                <div :class="[showrow ==1? 'hope-img':'hope-img1']" @click="$router.push({name:'movieDetail',query:{id:hitem.id}})">
                    <img v-lazy="hitem.img.replace('w.h','128.180')" alt="">
                    <p class="wish" v-if="hitem.globalReleased">观众评分{{hitem.score}}</p>
                    <p class="wish" v-if="!hitem.globalReleased">{{hitem.wish}}想看</p>
                    </div>
                <div class="hopeful-info" @click="$router.push({name:'movieDetail',query:{id:hitem.id}})">
                    <p class="name">{{hitem.name}}</p>
                    <p class="showTime">{{hitem.commingtime}}</p>
                    </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'movierow',
        props: ['comminglist','showrow'],
        data(){
            return {
            };
        },  
    }
</script>

<style scoped>
@import "../../assets/css/movie-row.css"
</style>
